<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
	<rich:column sortBy="#{property}" sortOrder="#{dataTable.sortOrders[property]}"
		filterValue="#{dataTable.filterValues[property]}"
		filterExpression="#{property}">
		<f:facet name="header">
			<h:outputLabel value="#{header}" />
			<h:commandLink id="sortBy#{property}" action="#{dataTable.toggleSort}">
				#{dataTable.sortOrders[property]}
				<h:outputText value="↑" rendered="#{dataTable.sortOrders[property] == dataTable.asc}"/>
				<h:outputText value="↓" rendered="#{dataTable.sortOrders[property] == dataTable.desc}"/>
				<h:outputText value=" " rendered="#{dataTable.sortOrders[property] == dataTable.unsorted}"/>
                <a4j:ajax render="#{tableId}" />
				<f:setPropertyActionListener target="#{dataTable.sortProperty}" value="#{property}" />
			</h:commandLink>
			<br />
			<h:inputText value="#{dataTable.filterValues[property]}">
				<a4j:ajax render="#{tableId}@body #{scrollerId}" event="keyup" />
			</h:inputText>
		</f:facet>
		<h:outputText value="#{value}" escapde="#{empty escape ? true : escape}" />
	</rich:column>
</ui:composition>